﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="OrganisationDetail.ascx.cs"
    Inherits="ServicesDirectory.UserControl.OrganisationDetail" %>

<%@ Register src="OrganisationDetail1.ascx" tagname="OrganisationDetail1" tagprefix="uc1" %>
<%@ Register src="OrganisationDetail2.ascx" tagname="OrganisationDetail2" tagprefix="uc2" %>
<%@ Register src="OrganisationDetail3.ascx" tagname="OrganisationDetail3" tagprefix="uc3" %>
<%@ Register src="OrganisationDetail4.ascx" tagname="OrganisationDetail4" tagprefix="uc4" %>
<%@ Register src="OrganisationDetail5.ascx" tagname="OrganisationDetail5" tagprefix="uc5" %>

<script type="text/javascript">
$(document).ready(function(){
    //  When user clicks on tab, this code will be executed
    $("#tabs li").click(function() {
        //  First remove class "active" from currently active tab
        $("#tabs li").removeClass('active');
 
        //  Now add class "active" to the selected/clicked tab
        $(this).addClass("active");
 
        //  Hide all tab content
        $(".tab_content").hide();
 
        //  Here we get the href value of the selected tab
        var selectedTab = $(this).find("a").attr("href");
 
        //  Show the selected tab content
        $(selectedTab).fadeIn();
 
        //  At the end, we add return false so that the click on the link is not executed
        return false;
    });
});
</script>

<div class="bgManager">
    <div class="TitleManarer">
        Organisation Details
    </div>
    <div class="spaceManager"> </div>
    <div id="tabs_container">
        <ul id="tabs">
            <li class="active"><a href="#tab1">Detail1</a></li>
            <li><a href="#tab2">Detail2</a></li>
            <li><a href="#tab3">Detail3</a></li>
            <li><a href="#tab4">Detail4</a></li>
            <li><a href="#tab5">Detail5</a></li>
            <li><a href="#tab6">BU/Directorates</a></li>
            <div style="float: right; width: 118px; padding-bottom: 5px; margin-bottom: 5px;">
                <asp:Button runat="server" Text="Save" Height="20px" CssClass="button" ID="cmdSave" />&nbsp;
                <asp:Button runat="server" Text="Back" Height="20px" CssClass="button" ID="cmdBack" />
            </div>
        </ul>
    </div>
    <div id="tabs_content_container">
        <div id="tab1" class="tab_content" style="display: block;">
            
            <uc1:OrganisationDetail1 ID="OrganisationDetail11" runat="server" />
        </div>
        <div id="tab2" class="tab_content">
            
            <uc2:OrganisationDetail2 ID="OrganisationDetail21" runat="server" />
        </div>
        <div id="tab3" class="tab_content">
            <uc3:OrganisationDetail3 ID="OrganisationDetail31" runat="server" />
        </div>
        <div id="tab4" class="tab_content">
            <uc4:OrganisationDetail4 ID="OrganisationDetail41" runat="server" />
        </div>
        <div id="tab5" class="tab_content">
            
            <uc5:OrganisationDetail5 ID="OrganisationDetail51" runat="server" />
            
           
        </div>
        <div id="tab6" class="tab_content">
            tab6
        </div>
    </div>
</div>
